<template>
  <div id="layoutBox">
    <AsideBarView class="AsideBarView"></AsideBarView>
    <RightContentView class="RightContentView">
    </RightContentView>
  </div>
</template>

<script setup lang="ts">
import { provide } from 'vue';
import AsideBarView from '../components/AsideBarView.vue'
import RightContentView from './RightContentView.vue'
import { useRoute } from 'vue-router';

// 使用 useRoute 钩子
const route = useRoute();

// 访问查询参数
const query = route.query;
provide('query',query)

</script>

<style scoped lang="less">
#layoutBox {
  display: flex;
  width: 100%;
  height: 100vh;
  .AsideBarView {
    width: 150px;
  }
  .RightContentView {
    flex: 1;

  }
}
</style>
